<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="./css/commen.css">
    <!-- 主要公共样式 -->
    <link rel="stylesheet" href="./css/maincom.css">

    <link rel="stylesheet" href="./css/reg.css">

</head>

<body>
    <!-- 头部开始 -->
    <div id="head">
        <div class="container-fluid">
            <!-- 欢迎语 -->
            <div class="head-top container clearfix:after">
                <p class="fl cfff">乐购www.legou.com</p>
                <p class="fr">
                    <span class="cfff">欢迎光临乐购</span>
                    <span class="cfff">请
                        <a href="" class="cfeb80f">登录</a> <a href="" class="cfeb80f">注册</a>
                    </span>
                </p>
            </div>
        </div>
        <!-- logo 搜索  导航栏部分 -->
        <div class="head-bottom bgcfff">
            <div class="container">
                <!-- logo图片 -->
                <div class="logo fl clearfix"></div>
                <div class="fr">
                    <div class="box">
                        <!-- 搜索框 -->
                        <div class="search fl clearfix">
                            <input type="text" placeholder="请输入搜索的商品名" class="txt ">
                            <input type="button" class="btn fr">
                            <img src="./imgs/搜索.png" alt="">
                        </div>
                        <!-- 购物车 -->
                        <button class="cart cfeb80f">
                            <a href="./shopCar.html" class="cfeb80f">
                                <img src="./imgs/购物车.png" alt="">
                                购物车
                                <span class="cfff">0</span>
                            </a>
                        </button>
                        <!-- 订单 -->
                        <button class="order_form">
                            我的订单
                        </button>
                    </div>

                    <div class="nav">
                        <a>图书</a>
                        <a>电子书</a>
                        <a>原创文学</a>
                        <a>服装</a>
                        <a>户外运动</a>
                        <a>孕婴童</a>
                        <a>家具</a>
                        <a>创意文具</a>
                        <a>地方特产</a>
                        <a>海外购</a>
                        <a>电器城</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 主要内容 -->
    <div id="main" class="container">
        <div class="mainBox">
            <div class="mainT">
                <ul class="list">
                    <li class="act"><span class="bgcfeb">1</span>注册协议</li>
                    <li><span class="bgc9f">2</span>填写账号信息</li>
                    <li><span class="bgc9f">√</span>注册成功</li>
                </ul>
            </div>

            <div class="mainB">
                <div class="hidden show">
                    <p class="f-w fs16">注册协议</p>
                    <p><span class="f-w">【审慎阅读】</span>您在申请注册流程中点击同意前，应当认真阅读以下协议。
                        <span class="f-w tdU">请您务必审慎阅读，充分理解协议中相关条款内容，其中包括：</span>
                    </p>
                    <p class="f-w tdU">1、与您约定免除或限制责任的条款；</p>
                    <p class="f-w tdU">2、与您约定法律适用和管辖的条款；</p>
                    <p class="f-w tdU">3、其他以下粗体下划线标识的重要条款。</p>
                    <p>如您对协议有任何疑问，可向平台客服咨询</p>
                    <p><span class="f-w">【特别提醒】</span>当您按照注册页面提示填写信息、阅读并同意协议切
                        完成全部注册程序后，即表示您以充分阅读、理解并接受协议的全部内容
                        如您因平台服务与淘宝发生争议的，适用《淘宝平台服务协议》处理。如
                        您在使用平台服务过程中与其他用户发生争议的，依您与其他用户达成的
                        协议处理。
                    </p>
                    <p class="f-w tdU">阅读协议过程中，如您不同意相关协议或其中任何条款约定，您应立即停止注册程序</p>
                    <p class="f-w cfeb80f">平台服务协议</p>
                    <p class="f-w cfeb80f">隐私权政策</p>
                    <p class="f-w cfeb80f">法律声明</p>
                    <p class="f-w cfeb80f"> 淘宝及客户端服务协议</p>
                    <button class="bt">同意协议</button>
                </div>
                <div class="hidden">
                    <form action="" id="myform" class="" onsubmit="return false">
                        <div class="items clearfix">
                            <span class="fl fs22 c73">用户名</span>
                            <input type="text" id="user" name="user" placeholder="您的账户名和登录名" class="fl">
                        </div>
                        <div class="items clearfix">
                            <span class="fl fs22 c73">设置密码</span>
                            <input type="text" id="pwd" name="pwd" placeholder="建议设置两种字符密码" class="fl">
                        </div>
                        <div class="items clearfix">
                            <span class="fl fs22 c73">确认密码</span>
                            <input type="text" id="surePwd" placeholder="您的账户名和登录名" class="fl">
                        </div>
                        <div class="items clearfix">
                            <span class="fl fs22 c73">中国+86</span>
                            <input type="text" id="tel" placeholder="您的账户名和登录名" class="fl">
                        </div>
                        <div class="items clearfix">
                            <span class="fl fs22 c73">验证码</span>
                            <input type="text" id="vcode" placeholder="您的账户名和登录名" class="fl">
                        </div>

                        <div class="items clearfix">
                            <span class="fl fs22 c73">手机验证码</span>
                            <input type="text" id="telvcode" placeholder="您的账户名和登录名" class="fl">
                        </div>
                        <div>
                            <input type="checkbox" id="isagree">
                            我已阅读并同意《京东用户注册协议》
                        </div>
                        <button class="btns fs22 cfff" disabled="disabled">立即注册</button>
                    </form>
                </div>

                <div class="hidden">
                    <img src="./imgs/3-3注册(注册成功).jpg" alt="">
                    <p class="f-24 t-center">注册成功，将在<span id="skip">3</span>秒后跳转到首页</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚开始 -->
    <div id="footer">
        <div class="ftop bgcfff">
            <div class="container">
                <div class="service">
                    <ul>
                        <li>
                            <img src="./imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="" class="fl">
                            <div>
                                <p class="f-20 f-w">正品保障</p>
                                <p class="c73">正品行货&nbsp;放心选购</p>
                            </div>
                        </li>
                        <li>
                            <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="" class="fl">
                            <div>
                                <p class="f-20 f-w">满86包邮</p>
                                <p class="c73">满86&nbsp;免运费</p>
                            </div>
                        </li>
                        <li>
                            <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="" class="fl">
                            <div>
                                <p class="f-20 f-w">售后无忧</p>
                                <p class="c73">7天无理由退货</p>
                            </div>
                        </li>
                        <li>
                            <img src="./imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="" class="fl">
                            <div>
                                <p class="f-20 f-w">准时送达</p>
                                <p class="c73">收获时间由你做主</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div>
                    <div class="introd fl clearfix">
                        <ul>
                            <li class="f-18 f-w">新手入门</li>
                            <li>购物流程</li>
                            <li>会员制度</li>
                            <li>订单查询</li>
                            <li>服务协议及隐私说明</li>
                            <li>网站地图</li>
                        </ul>
                        <ul>
                            <li class="f-18 f-w">支付方式</li>
                            <li>货到付款</li>
                            <li>网上支付</li>
                            <li>礼品卡支付</li>
                            <li>其他支付</li>
                        </ul>
                        <ul>
                            <li class="f-18 f-w">配送服务</li>
                            <li>配送进度查询</li>
                            <li>商品验货与签收</li>
                        </ul>
                        <ul>
                            <li class="f-18 f-w">相关规则</li>
                            <li>平台规则</li>
                            <li>退换货政策</li>
                            <li>发票制度</li>
                            <li>帮助中心</li>
                        </ul>
                    </div>
                    <div class="connect fr">
                        <ul>
                            <li>
                                <p class="f-w">APP更优惠</p>
                                <img src="./imgs/qryhd.png" alt="">
                            </li>
                            <li>
                                <p class="f-w">加微信查订单</p>
                                <img src="./imgs/qryhd.png" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="fbtm container">
            <p>沪ICP备XXXXXXXXX号|经营证照|互联网药品信息服务资格证（沪）-经营性-2017-00-06|违法和不良信息举报电话：XXX-XXXXXXXX|沪B2-XXXXXXX|</p>
            <p>沪公网安备XXXXXXXXX号|友情链接|出版物经营许可证|增值电信业务经营许可证</p>
            <ul>
                <li><img src="./imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt=""></li>
                <li><img src="./imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt=""></li>
                <li><img src="./imgs/f582260777c44b30.png" alt=""></li>
                <li><img src="./imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt=""></li>
                <li><img src="./imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt=""></li>
                <li><img src="./imgs/7b46518a9d74a1d6.jpg" alt=""></li>
            </ul>
        </div>
    </div>
    <!-- 页脚结束 -->

    <!-- 下载 -->
    <div class="download bgcfff">
        <p class="t-center">下载APP</p>
        <img src="./imgs/qryhd.png" alt="" class="img3">
        <div>
            <img src="./imgs/购物车空.png" alt="" class="fl img4">
            <p>购&nbsp;物&nbsp;车</p>
        </div>
    </div>


    <!-- 引入juqery库 -->
    <script src="./lib/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

    <!-- 引入validate.js -->
    <script src="./lib/validate/jquery.validate.js"></script>
    <!-- 引入汉化包 -->
    <script src="./lib/validate/messages_zh.js"></script>
    <!-- 配置插件 -->
    <script src="./js/reg.js"></script>
</body>

</html>